<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <meta name="format-detection" content="telephone=no" />
        <title></title>
        <link rel="stylesheet" href="https://cdn.c44.cc/css/tools-css.css" />
        <script src="https://cdn.c44.cc/js/tools-javascript.js"></script>
        <script>
            //rem适配导入
            H5Util.rem()
        </script>
        <style>
            body,
            html {
                margin: 0;
                padding: 0;
                width: 100vw;
                height: 100vh;
                overflow: hidden;
            }
        </style>
    </head>

    <body>
        <div class="flex justify-center fit-height">
            <div class="design-box relative fit-width">
                <div
                    class="fit-width flex flex-center"
                    style="height: 3rem; background-color: #eee; font-size: 0.16rem"
                >
                    标题
                </div>
                <div
                    class="fit-width flex flex-center absolute"
                    style="height: 3rem; background-color: #eee; font-size: 0.16rem; bottom: 0px"
                >
                    顶部导航
                </div>
            </div>
        </div>
    </body>
</html>
